<template>
    <div class="bottombtn">
        <router-view />
            <van-tabbar route>
            <van-tabbar-item replace to="/cFunding" icon="flower-o">众筹</van-tabbar-item>
            <van-tabbar-item @click="fn_click">支持</van-tabbar-item>
        </van-tabbar>
    </div>
</template>

<script>
export default {
    name : "bottombtn",
    props: {

    },
    data() {
        return {

        };
    },
    computed: {

    },
    created() {

    },
    mounted() {

    },
    watch: {

    },
    methods: {
        fn_click(){
            this.$router.replace({
                name : "cfshopping",
                params : this.$route.params.json
            })
        }
    },
    components: {

    },
};
</script>

<style scoped lang="less">
.bottombtn{
    width: 100%;
    height: auto;
    .van-tabbar-item{
        display: flex;
        flex-direction: row;
        justify-content: center;
        font-size: 16px;
    }
    >div{
        div:first-child{
            width: 30%;  
        }
        div:first-child+div{
            width: 70%;
            color:green;  
        }
    }
    
    div:last-child{
        div:last-child{
            color:#fff;
            background-color: #eb484a;
        }
    }

    
}
</style>
